import React, { Component } from 'react';

import Counter from "./Counter";
import MessageList1 from "./Messagelist1";
import MessageList2 from "./Messagelist2";


// export default function App() {
//   return <h1>hello world</h1>;
// }
export default class App extends Component { // eslint-disable-line

    render() {
        return (
            <div>
                <h2>State与props</h2>
                <Counter />
                <br/>
                <h2>Props与context</h2>
                <MessageList1 />
                <MessageList2 />
            </div>
        )
    }
}
